<template>
  <van-address-edit
    :area-list="areaList"
    show-postal
    show-delete
    show-set-default
    show-search-result
    :area-columns-placeholder="['请选择', '请选择', '请选择']"
    @save="onSave"
    @delete="onDelete"
    @change-detail="onChangeDetail"
    :address-info="info"
  />
</template>

<script>
  import { Toast } from 'vant';
  import { areaList } from '@vant/area-data';
  export default {
    data() {
      return {
        areaList,
        info:{
          id:1,
          name:'张三丰',
          tel:'13955558888',
          addressDetail:'大西洋国际',
          postalCode:'400000',
          areaCode:'130304'
        }
      };
    },
    methods: {
      onSave(content) {
        // Toast('save');
        console.log(content);
      },
      onDelete() {
        Toast('delete');
      },
      onChangeDetail(val) {
        if (val) {
          this.searchResult = [
            {
              name: '黄龙万科中心',
              address: '杭州市西湖区',
            },
          ];
        } else {
          this.searchResult = [];
        }
      },
    },
  };
</script>

<style lang="scss" scoped>

</style>